@charset "utf-8";
/* CSS Document */
body{ font-size:12px;margin:0 auto;padding:0;border:0;font-family:"Microsoft Yahei","微软雅黑","宋体",arial;color:#333;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; font-weight:normal}
img{border:none;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration:underline; color:#f98100;}
/*初始化end*/

/*公共类start*/
.margin_auto { margin: 0 auto;}
.clear{ clear:both; float:none;}
.fright{ float:right;}
.fleft{ float:left;}
.fenye{ width:100%; text-align:center; line-height:30px; height:30px; margin:15px 0; font-size:14px; float:left;}
.content{ width:1200px; height:auto;  margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; height:auto; overflow:hidden;}
.abs{ position:absolute}
.rel{ position:relative}
.overflowHide{overflow:hidden}
.hide{display: none;}
.mt{ margin-top:30px;}
.texthide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.accent-color{ color:#1c784f;}
/*公共类end*/

/*头部*/
.header{ width:100%; height:auto; background:#FFF;}
.top-bar{ width:100%; height:30px; line-height:30px; color:#FFF; background:#02693b;  overflow:hidden}
.top-bar i{ margin-left:15px;}
.top-bar .tel-icon{ float: right; font-size: 14px; }
.top-bar .tel-icon img { float: left; margin:5px 5px 0 0; }
.title-bar{ width:1200px; height:90px; margin:0 auto; background:#FFF url(../images/logo_bg.jpg) no-repeat left;}
.title-bar .logo{ float:left; width:200px; height:56px; margin-top:18px; position:relative}
#nav {display:block; float:right; width:909px; height:auto;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; z-index:99; width: 100px; margin-left: 1px;}
#nav .mainlevel > a {text-decoration:none; height:90px; line-height:90px; text-align:center;display:block; width:100%;  font-size:16px; position:relative;}
#nav .mainlevel > a em{position:relative; z-index: 99; }
#nav .mainlevel > a .bkg{ display: inline-block; width: 100%; height: 0; background-color: #02693b; position: absolute; top: 0; left: 0; }
#nav .mainlevel a:hover .bkg{ height: 90px; transition-duration: 0.3s; }
#nav .mainlevel a:hover em{ color: #FFF; }
#nav .mainlevel a.active{color:#fff; background: #02693b;}
#nav .mainlevel ul { position: absolute; display:none; left:50%; margin-left:-50px; z-index:99;overflow:hidden}
#nav .mainlevel li {float:left; background: url(../images/touming.png) repeat;background:rgba(255,255,255,0.8); width:100px; text-align:center; border-bottom:1px solid #FFF;}
#nav .mainlevel li a { width:auto; margin:0 10px; line-height:35px; height:35px; font-size:14px; display:block;}
#nav .mainlevel li a:hover { background:none; color:#02693b}
.Triangle_con { width:100px;height:11px; margin-top:6px; background:url(../images/bird.png) center no-repeat; display:block; border-bottom:2px solid #02693b;}

/*底部*/
.footer{width:100%; height:190px; margin-top:40px; background:#f9f9f9; border-top:solid 1px #CCC; position:relative; overflow:hidden}
.foot-left{ float:left; width:800px; height:160px; overflow:hidden}
.fnav{ float:left; width:100px; height:auto; margin-top: 10px;}
.fnav dt{ font-weight:bold; font-size:14px; height:30px; line-height:30px;}
.fnav dd{ height:25px; line-height:25px;}
.foot-right{ float:right; width:350px; height:250px;}
.foot-right .ewm{ float: right; margin-top: 15px; }
.footer .bottom{ width:100%; height:30px; line-height:30px; background:#02693b; color:#FFF; font-size:12px; position:absolute; bottom:0; left:0;}
.footer .bottom a{ color:#FFF;}

.backtop{
 width:40px; height:40px;
 position: fixed; bottom: 50px; right:10px; z-index:999;
 display: none;
}
/****
*备用样式start
*{ filter:alpha(opacity=90); opacity:0.9;}
*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
*{transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
*{ -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
*a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
*备用样式end
****/